// 使用vue

import Vue from 'vue'

// new Vue({
//     el:'#app',
//     data:{
//         msg:'webpack 使用 vue'
//     }
// })

// 简化 1
// new Vue({
//     el:'#app',
//     template:`<div>
//         {{name}}
//     </div>`,
//     data:{
//         name:"name"
//     }
// })

// 简化 2 组件
// const tmp = {
//     template:`<div>
//         {{name}}
//         使用组件分离代码 
//     </div>`,
//     data:()=>({
//         name:'使用组件分离代码'
//     })
// }
// new Vue({
//     el:'#app',
//     template:`<tmp></tmp>`,
//     components:{tmp}
// })

// 简化 3 组件对象分离js
// import tmp from './vue/temp'
// new Vue({
//     el:'#app',
//     template:`<tmp\>`,
//     components:{tmp}
// })

// 简化 4 使用vue文件 实现 结构 样式 行为分离
import App from './App.vue'
// new Vue({
//     el:'#app',
//     template:`<App\>`,
//     components:{App}
// })

// 接近vue脚手架   
new Vue({
    render:h=>h(App)
}).$mount('#app')


